<!doctype html>
<html lang="zh-cn">
<head>
	<meta charset="UTF-8">
	<title>隔行变色</title>
	<style>
	/*#ul{background-color: ;font-size: ;}  //backgroundColor fontSize*/
	</style>
</head>
<body>
	<ul id="ul">
		<li id="li1">1</li>
		<li>2</li>
		<li>3</li>
		<li>4</li>
		<li>5</li>
	</ul>

	<script>
		var ul = document.getElementById("ul");
		var lis = ul.getElementsByTagName("li");

		var len = lis.length;
		// for(var i=0;i<len;i++){
		// 	if(i%2 == 0){
		// 		lis[i].style.backgroundColor= "red";
		// 	}
		// }
		for(var i=0;i<len;i+=2){
			lis[i].style.backgroundColor= "red";
		}

	</script>
</body>
</html>